<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
	<title>示例集 - echarts</title>
	<!-- Bootstrap -->
	<link href="cj/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="cj/main.css"/>
</head>
<body>
<div class="container-fluid">
	<h3 class="text-center bg-primary lhei" id="t_h3"></h3>
	<div class="div_a" id="add_a"></div>
	<div class="tab-content min_hei">
		<!--html-->
		<div class="tab-pane active" id="html">
			
			<!--第六行-->
			<hr />
			<div class="row">
				
				
				
				
				
				
			</div>
			
			<!--第五行-->
			<hr />
			<div class="row">
				
				
				
				
				
				
			</div>
			
			<!--第四行-->
			<hr />
			<div class="row">
				<div class="col-md-2">
					<a href="../echarts/learn2-1.html" target="_blank">
						<div class="a_img"><img src="imgs/echarts/2021/learn2-1.png" width="100%" height="100%"/></div>
						<h4 class="text-center">曲线图 - 详细版</h4>
					</a>
	    		</div>
	    		<div class="col-md-2">
	    			<a href="../echarts/learn2-3.html" target="_blank">
	    				<div class="a_img"><img src="imgs/echarts/2021/learn2-3.png" width="100%" height="100%"/></div>
	    				<h4 class="text-center">Echarts - 折线图堆叠</h4>
	    			</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../echarts/eq/index/tree_diy_eq.html" target="_blank">
		    			<div class="a_img"><img src="imgs/echarts/2020/01-08-tree_diy_eq.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">Echarts - 树状图实例</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../echarts/learn17-4.html" target="_blank">
		    			<div class="a_img"><img src="imgs/echarts/2020/01-08-17-4.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">旭日图 - 高亮相关扇形块</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../echarts/learn17-3.html" target="_blank">
		    			<div class="a_img"><img src="imgs/echarts/2020/01-08-17-3.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">旭日图 - 按层配置样式</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../echarts/learn17-2.html" target="_blank">
		    			<div class="a_img"><img src="imgs/echarts/2020/01-08-17-2.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">旭日图 - 颜色等样式调整</h4>
		    		</a>
	    		</div>
	    	</div>
	    	
	    	<!--第三行-->
	    	<hr />
	    	<div class="row">
	    		<div class="col-md-2">
		    		<a href="../echarts/learn17.html" target="_blank">
		    			<div class="a_img"><img src="imgs/echarts/2020/01-08-17.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">旭日图 - 最简单的旭日图</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../echarts/learn14.html" target="_blank">
		    			<div class="a_img"><img src="imgs/echarts/2020/01-08-14.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">小例子：实现日历图</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../echarts/learn13.html" target="_blank">
		    			<div class="a_img"><img src="imgs/echarts/2020/01-08-13.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">随意拖动的节点</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../echarts/learn12.html" target="_blank">
		    			<div class="a_img"><img src="imgs/echarts/2020/01-08-12.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">ECharts 中的事件和行为 - 鼠标事件的处理</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../echarts/learn9-2.html" target="_blank">
		    			<div class="a_img"><img src="imgs/echarts/2020/01-08-9-2.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">在图表中加入交互组件 - 带X、Y轴的控件气泡图</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../echarts/learn9.html" target="_blank">
		    			<div class="a_img"><img src="imgs/echarts/2020/01-08-9.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">在图表中加入交互组件 - 简单的带控件气泡图</h4>
		    		</a>
	    		</div>
	    	</div>
	    	
	    	<!--第二行-->
	    	<hr />
	    	<div class="row">
	    		<div class="col-md-2">
		    		<a href="../echarts/learn8-5.html" target="_blank">
		    			<div class="a_img"><img src="imgs/echarts/2020/01-08-5.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">使用 dataset 管理数据 - 把第四列映射为气泡图的点的大小</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../echarts/learn8-4.html" target="_blank">
		    			<div class="a_img"><img src="imgs/echarts/2020/01-08-4.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">使用 dataset 管理数据 - 数据到图形的映射（encode）</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../echarts/learn8-3.html" target="_blank">
		    			<div class="a_img"><img src="imgs/echarts/2020/01-08-8-3.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">使用 dataset 管理数据 - 按行还是按列做映射</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../echarts/learn8-2-2.html" target="_blank">
		    			<div class="a_img"><img src="imgs/echarts/2020/01-08-8-2-2.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">使用 dataset 管理数据 - 入门例子2</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../echarts/learn8-2.html" target="_blank">
		    			<div class="a_img"><img src="imgs/echarts/2020/01-08-8-2.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">使用 dataset 管理数据 - 入门例子</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../echarts/learn8.html" target="_blank">
		    			<div class="a_img"><img src="imgs/echarts/2020/01-07-8.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">使用 dataset 管理数据 - 三组矩形图</h4>
		    		</a>
	    		</div>
	    	</div>
	    	
	    	<!--第一行-->
	    	<hr />
	    	<div class="row">
	    		<div class="col-md-2">
		    		<a href="../echarts/learn7.html" target="_blank">
		    			<div class="a_img"><img src="imgs/echarts/2020/01-07-7.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">异步数据加载和更新 - 绘制一个简单的图表</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../echarts/learn5-2.html" target="_blank">
		    			<div class="a_img"><img src="imgs/echarts/2020/01-07-5-2.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">个性化图表的样式 - 绘制南丁格尔图</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../echarts/learn5.html" target="_blank">
		    			<div class="a_img"><img src="imgs/echarts/2020/01-07-5.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">个性化图表的样式 - 简单的饼图</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../echarts/learn2-2.html" target="_blank">
		    			<div class="a_img"><img src="imgs/echarts/2020/01-07-2-2.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">自定义构建 ECharts - 简单的曲线图</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../echarts/learn2.html" target="_blank">
		    			<div class="a_img"><img src="imgs/echarts/2020/01-07-2.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">自定义构建 ECharts - 简单的饼图</h4>
		    		</a>
	    		</div>
	    		<div class="col-md-2">
		    		<a href="../echarts/learn1.html" target="_blank">
		    			<div class="a_img"><img src="imgs/echarts/2020/01-07-1.png" width="100%" height="100%"/></div>
		    			<h4 class="text-center">5 分钟上手 ECharts - 绘制一个简单的图表</h4>
		    		</a>
	    		</div>
	    	</div>
	    </div>
	    
	</div>
</div>
<script type="text/javascript" src="cj/diy.js"></script>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script type="text/javascript" src="cj/jquery-3.3.1.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script type="text/javascript" src="cj/bootstrap.min.js"></script>
</body>
</html>